<!DOCTYPE html>
<html lang="en">
<?php render('application',"header"); ?>
<body>
<?php render('admin',"navbar"); ?>
<link href="<?php echo APPLICATION_HOSTNAME?>/css/dashboard.css" rel="stylesheet" type="text/css"/>
<div class="container-fluid">
      <div class="row">
        <?php render('admin',"sidebar",$variables); ?>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h1 class="page-header">Movies Dashboard</h1>
          <div class="row placeholders">
            <div class="col-xs-6 col-sm-3 placeholder">
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
          </div>
          <hr>
        <div class="row">
            <div class="col-xs-12 col-sm-12 text-center">
                <div class="btn-group" role="group" aria-label="...">
                <button class="btn btn-default" type="button">Add</button>
                <?php
                    foreach(getAlphabets("A") as $alpha){
                        echo "<button class=\"btn btn-default\" type=\"button\">$alpha</button>";
                        
                    }
                ?>
                <button type="submit" class="btn btn-default">Top</button>
                <button type="submit" class="btn btn-default">Search</button>
                </div>
            </div>
        </div>
          
          <!--
          <div class="row">
              <div class="col-xs-4 col-sm-4">
                <h2 class="sub-header">Newly Added</h2>
                <div class="table-responsive">
                  <table class="table table-striped">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Langugage</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1,001</td>
                        <td>Lorem</td>
                        <td>ipsum</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="col-xs-4 col-sm-4">
                <h2 class="sub-header">Top Viewed</h2>
                <div class="table-responsive">
                  <table class="table table-striped">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Langugage</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1,001</td>
                        <td>Lorem</td>
                        <td>ipsum</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="col-xs-4 col-sm-4">
                <h2 class="sub-header">Top Rated</h2>
                <div class="table-responsive">
                  <table class="table table-striped">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Langugage</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1,001</td>
                        <td>Lorem</td>
                        <td>ipsum</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
          </div>
          -->
        </div>
      </div>
    </div>
<?php render('application',"footer"); ?>
</body>
</html>